<!-- 分页组件 -->
<template>
  <div class="block">
    <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="num" :page-sizes="size"
      :page-size="pageSizes" layout="total, sizes, prev, pager, next, jumper" :total="total">
    </el-pagination>
  </div>
</template>
<script>
export default {
  props: {
    // 当前第几页
    page: {
  type: Number,
      default: 1
},
// 每页显示几条
pageSize: {
  type: Number,
      default: 10
},
// 下拉列表每页显示几条
pageSizes: {
  type: Array,
      default: () => [10, 20, 30, 40]
},
// 总条数
total: {
  type: Number
}
  },
methods: {
  // 每页多少条发生变化的时候触发的函数
  sizeChange(val) {
    this.$emit('sendSizeChange', val)
  },
  currentChange(val) {
    this.$emit('sendCurrentChange', val)
  }
}
}
</script>
<style></style>